:root {
  --theme-orange: orange;
  --theme-purple: purple;
  --theme-tomato: tomato;
  --theme-navy: navy;
  --theme-teal: teal;
  --theme-gray: gray;
  --theme: var(--theme-gray);
}

.t-orange {
  --theme: var(--theme-orange);
}

.t-purple {
  --theme: var(--theme-purple);
}

.t-tomato {
  --theme: var(--theme-tomato);
}

.t-navy {
  --theme: var(--theme-navy);
}

.t-teal {
  --theme: var(--theme-teal);
}

.t-gray {
  --theme: var(--theme-gray);
}

.c-card {
  padding: 2rem;
  margin: 2rem;
  max-width: 700px;
  background: #eee;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: var(--theme);
}